var vm = new Vue({
    el: '#changePwd', //el指定一个页面中已存在的DOM元素来挂载VUE实例
    data:{
        changePwdInfo:{},
        flag:true,   //标记一个true  如果发送请求 数据库无此用户名  改变 flag=false  如果密码无修改也是为 提示密码没有改动
        verifiableCode:{},
        userInfo:{},  //用户信息
        yzm:{}
    },
    created:function () {

    },
    methods:{
        //重置密码
        resetPwd:function () {
            console.log("进入vue模型，重置密码");

            //从缓存取出来邮箱 对比从接口查找出来的邮箱如果一致 则可以重置
            var email = JSON.parse(localStorage.getItem('userInfoPwd')).data.email;
            //从缓存取出来id
            var id = JSON.parse(localStorage.getItem('userInfoPwd')).data.id;
            console.log("localStorage获取的email："+email);
            console.log("vue模型的changePwdInfo输入获得的邮箱为："+this.changePwdInfo.email);
            if(true==this.flag){
                if(this.changePwdInfo.email==email){
                    //如果当前输入的和验证码 和后端生成的验证相同则可以继续进入下一步
                    if(this.verifiableCode.data==this.yzm.number){
                        console.log("可以重置");
                        axios.request({
                            url:`/user/${id}`,
                            method:"put",
                            data:this.changePwdInfo
                        }).then(res=>{
                            if(res.data.code==20000){
                                window.location.href="/view/login"
                            }
                        })
                    }
                }
            }
            console.log( this.verifiableCode);
            console.log( this.changePwdInfo);
        },

        checkUserName: function () {
            axios.request({
                //${this.registerInfo.username}
                url: `/user/checkUserName`,
                method: "post",
                headers: {
                    'Content-Type': 'application/json' //重点
                },
                data: this.changePwdInfo
            }).then(res => {
                if(res.data.code==20006){
                    this.flag=false;
                    layer.msg("没有该用户，请重新输入");
                    console.log("没有该用户");
                    //存一个缓存 对比此用户  用户名正确  是否匹配改邮箱
                }else {
                    this.flag=true;
                    localStorage.setItem("userInfoPwd",JSON.stringify(res.data));
                }
            });
        },
        checkEmail: function () {
            axios.request({
                url: `/user/checkEmail`,
                method: "post",
                headers: {
                    'Content-Type': 'application/json' //重点
                },
                data: this.changePwdInfo
            }).then(res => {
                if(res.data.code==20006){
                    this.flag=false;
                    layer.msg("没有该邮箱，请重新输入");
                    console.log("没有该邮箱")
                }
                this.flag=true;
            });
        },
        //发送邮箱
        sendEmail:function () {
            axios.request({
                url:`/user/sendMail/${this.changePwdInfo.email}`,
                method:"get"
            }).then(res=>{
                this.verifiableCode=res.data;
            })

        }

    }
});